<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>天猫商城</title>
    <link rel="stylesheet" href="./styles/reset.css">
    <link rel="stylesheet" href="./styles/index.css">
</head>
<body>

    <div class="header">
        <div class="header-top">
            <div class="nav">
                <img src="./images/navigation.png" class="navigation"/>
            </div>
            <div class="nav-title">
                <p>TMALL</p>
            </div>
            <div class="nav-login">
                <p>登录</p>
            </div>
        </div>
        <div class="header-center">
            <div class="h-search">
                <img src="./images/search.png"/>
            </div>
            <div class="input-search">
                <input type="text" value="搜索商品、品牌"/>
            </div>
        </div>
    </div>
    <div class="item">
        <ul class="item-ul">
            <li class="item-bar1">
                <img src="./images/bar1.png"/>
                <p>苏宁易购</p>
            </li>
            <li class="item-bar1">
                <img src="./images/bar2.png"/>
                <p>天猫超市</p>
            </li>
            <li class="item-bar1">
                <img src="./images/bar3.png"/>
                <p>天猫国际</p>
            </li>
            <li class="item-bar1">
                <img src="./images/bar4.png"/>
                <p>聚划算</p>
            </li>
            <li class="item-bar1">
                <img src="./images/bar5.png"/>
                <p>分类</p>
            </li>
        </ul>
    </div>
    <div class="banner">
        <img src="./images/banner.png" />
    </div>
    <div class="download">
        <img src="./images/godownload.png"/>
        <div class="zhiying">
            <p class="p1">天猫官方直营</p>
            <p class="p2">官方直采‧极速物流‧售后无忧</p>
        </div>
    </div>
    <div class="chengdu">
        <div class="c-body">
            <div class="c-left">
                <img src="./images/cleft.png"/>
                <div class="c-left-content">
                    <p class="cp1">超值专享‧成都</p>
                    <p class="cp2">买2减1</p>
                    <p class="cp3">早春尝鲜</p>
                </div>
                <img src="./images/cleftw.png" class="cw"/>
            </div>
            <div class="c-right">
                <div class="c-right-top">
                    <img src="./images/zhiying1.png" class="zhiying1"/>
                    <p class="ct2">官方直采</p>
                    <img src="./images/manjian.png" class="manjian"/>
                    <img src="./images/crt.png" class="crt">
                </div>
                <div class="c-right-bottom">
                    <ul class="bl">
                        <li class="a">
                                <p class="sx">天猫生鲜</p>
                                <p class="hot">爆款二选一</p>
                                <img src="./images/rou.png" class="rou"/>
                            
                        </li>
                        <li class="b">
                                <p class="ml">魅力惠</p>
                                <p class="low">奢侈品大降价</p>
                                <img src="./images/pack.png" class="pack"/>
                        </li>
                    </ul>   
                    
                </div>
            </div>
        </div>
    </div>
    <div class="active">
        <p>品牌活动</p>
        <div class="active-body">
            <div class="act-l">
                <img src="./images/nb.png"/>
            </div>
            <div class="act-r">
                <div class="act-top">
                    <p class="ac1">小黑盒</p>
                    <p class="act2">优选新品好物</p>
                    <p class="act3">今日上线</p>
                    <img src="./images/nb1.png"/>
                </div>
                <div class="act-bottom">
                    <p class="ac1">大牌甄选</p>
                    <p class="ac2">19:20:56</p>
                    <img src="./images/nb2.png"/>
                </div>
            </div>
        </div>
    </div>
    <div class="bg"></div>
    <div class="labelb">
        <div class="label-body">
            <div class="pic">
                <img src="./images/bed.png"/>
            </div>
            <div class="title">KUB可优比婴儿床实木宝宝床bb床多功能新生儿拼接大床摇床带蚊帐</div>
            <div class="right-area">
     
            </div>
            <div class="buy-line">
                <div class="price">￥698</div>
                <div class="shopcar">
                    <img src="./images/shopcar.png" class="shopcar1"/>
                </div>
            </div>
         </div>
         <div class="label-body1">
            <div class="pic">
                <img src="./images/bed.png"/>
            </div>
            <div class="title">KUB可优比婴儿床实木宝宝床bb床多功能新生儿拼接大床摇床带蚊帐</div>
            <div class="right-area">
     
            </div>
            <div class="buy-line">
                <div class="price">￥698</div>
                <div class="shopcar">
                    <img src="./images/shopcar.png" class="shopcar1"/>
                </div>
            </div>
         </div>
    </div>
    <div class="labelc">
        <ul class="labelc-body">
            <li class="li1">
                <img class="" src="./images/carmera.png"/>
                <p class="jianeng">佳能CP1300便携式手机照片打印机家用迷你无线彩色相片冲印机1200</p>
                <p class="nochange">只修不换</p>
                <p class="price">￥1980</p>
                <img src="./images/shopcar.png" class="shopcar1"/>
                <p class="remark">[用户评价]<span> #穿着显身材  #外观看上去高档  #颜色不奇怪 >></span></p>
            </li>
            <li class="li2">
                <img class="" src="./images/carmera.png"/>
                <p class="jianeng">佳能CP1300便携式手机照片打印机家用迷你无线彩色相片冲印机1200</p>
                <p class="nochange">只修不换</p>
                <p class="price">￥1980</p>
                <img src="./images/shopcar.png" class="shopcar1"/>
                <p class="remark">[用户评价]<span> #穿着显身材  #外观看上去高档  #颜色不奇怪 >></span></p>
            </li>
        </ul>
    </div>
    
   
</body>
</html>